Hand &
Heart
Prototype complet — 16 pages · Toutes les maquettes du site
Public
Authentification
Donateur
ONG / Pasteur
Administration
Pages publiques
→
Page 01
🌟
Landing Page
Page d'accueil publique avec formulaire de liste d'attente, mockup de campagnes, fonctionnalités clés et CTA pre-launch.
Public
→
Page 02
🎯
Liste des Campagnes
Grille des campagnes avec filtres par catégorie, barre de recherche, tri et pagination.
Public
→
Page 03
📋
Détail Campagne
Page complète d'une campagne : description, barre de progression, rapports d'impact, Prayer Wall et CTA de don.
Public
Tunnel de don (3 étapes)
→
Page 04 — Étape 1
💚
Choix du Montant
Sélection du montant (grille + montant libre), type de don (unique / mensuel), informations personnelles.
Public
→
Page 04b — Étape 2
💳
Paiement Stripe
Formulaire de paiement sécurisé via Stripe avec récapitulatif du don et détails de la commission.
Public
→
Page 04c — Étape 3
✅
Confirmation du Don
Page de remerciement avec récapitulatif, lien vers reçu PDF et redirection vers tableau de bord.
Public
Authentification
→
Page 05
🔑
Connexion
Page de connexion avec email + mot de passe et option OAuth2 Google. Layout 2 colonnes avec témoignage.
Auth
→
Page 06
✍️
Inscription
Création de compte avec prénom, nom, email, mot de passe, pays et consentement RGPD.
Auth
→
Page 07
🔒
Mot de Passe Oublié
Formulaire de récupération de mot de passe par email avec confirmation d'envoi.
Auth
Espace Donateur
→
Page 08
🏠
Tableau de Bord Donateur
Vue d'ensemble : stats de dons, campagnes actives, derniers rapports d'impact reçus, notifications et impact global.
Donateur
→
Page 09
📊
Historique des Dons
Tableau complet des transactions avec filtres, résumé annuel et téléchargement des reçus fiscaux PDF.
Donateur
→
Page 10
👤
Profil Donateur
Gestion du profil, mot de passe, préférences de notifications, don mensuel récurrent et suppression RGPD.
Donateur
Espace ONG / Pasteur
→
Page 11
🏛️
Tableau de Bord ONG
Stats de collecte, liste des campagnes actives avec alertes, derniers dons reçus, virements à venir et Impact Score.
ONG
→
Page 12
➕
Créer une Campagne
Formulaire multi-étapes avec wizard : informations, objectif financier, upload de médias et aperçu temps réel.
ONG
→
Page 13
📸
Soumettre un Rapport
Rapport d'impact avec slider d'avancement, upload photos obligatoire, calendrier des rapports et message aux donateurs.
ONG
Administration
→
Page 14
📊
Dashboard Admin
Vue globale de la plateforme : KPIs, alertes actives, transactions récentes, ONG en attente et métriques de performance.
Admin
→
Page 15
✅
Validation ONG
Dossier complet d'une ONG : informations légales, documents soumis, checklist de validation et décision (valider/rejeter).
Admin